<template>
  <div class="ruijie-error-page">
      <div class="ruijie-error-page-content">
          <div class="error-left">
              <img src="../../assets/images/404.png">
          </div>
          <div class="error-right">
              <div class="title">
                  <P>SORRY</P>
                  <P>您要查看的页面掉河里了●●●●</P>
              </div>
              <div class="bottom-btns">
                  <div class="bott-btn" @click="refresh">
                      <img src="../../assets/images/Refresh.png" style="float: left"/>
                      <span style="padding-left: 20px">返回上一下</span>
                  </div>
                  <div class="bott-btn" @click="goHome">
                      <img src="../../assets/images/Home.png" style="float: left"/>
                      <span style="padding-left: 20px">返回首页</span>
                  </div>
              </div>
          </div>
      </div>
  </div>
</template>
<script type="es6">
export default {
  data () {
    return {

    };
  },
  methods: {
    refresh () {
      window.history.go(-1);
    },
    goHome () {
      this.$router.push({
        path: '/'
      });
    }
  },
  mounted () {
  }
};
</script>
<style lang="less">
    @import "../../styles/common";
    .@{prefix}{
        &error-page{
            &-content{
                position: absolute;
                top:50%;
                left:50%;
                width: 990px;
                transform:translate(-50%,-50%);
                .error-left{
                    width: 390px;
                    float: left;
                }
                .error-right{
                    display: inline-block;
                    padding-left: 50px;
                    padding-top: 50px;
                    p{
                        padding: 30px 0;
                    }
                }
                .title{
                    font-size: 40px;
                    color: #666;
                }
                .bottom-btns{
                    margin-top: 50px;
                }
                .bott-btn{
                    display: inline-block;
                    color: #2aa8fd;
                    cursor: pointer;
                }
                .bott-btn:last-child{
                    margin-left: 60px;
                }
            }
        }
    }
</style>
